{% extends 'base.html'%}
{% block head %}
{{ js_resources|safe}}
{{ css_resources|safe}}
{% endblock %}

{% block sidebar %}
<!--侧边栏-->
<ul class="nav nav-sidebar">
    <li><a href="{{url_for('mpg_view')}}">bokeh_MPG </a></li>
    <li class="active"><a href="{{url_for('vbar')}}">vbar<span class="sr-only">(current)</span></a></li>
    <li><a href="#">Analytics</a></li>
    <li><a href="#">Export</a></li>
</ul>
<ul class="nav nav-sidebar">
    <li><a href="">Nav item</a></li>
    <li><a href="">Nav item again</a></li>
    <li><a href="">One more nav</a></li>
    <li><a href="">Another nav item</a></li>
    <li><a href="">More navigation</a></li>
</ul>
<ul class="nav nav-sidebar">
    <li><a href="">Nav item again</a></li>
    <li><a href="">One more nav</a></li>
    <li><a href="">Another nav item</a></li>
</ul>
{% endblock %}

{% block table %}
<table  class="table table-striped">
<tr>
{% for title in the_titles %}
    <th>{{title}}</th>
{% endfor %}
</tr>
<tbody>
{% for content in the_contents %}
<tr>
    {% for item in content %}
    <th>{{item}}</th>
    {% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
{% endblock %}

{% block plot %}
    {{ plot_script|safe }}
    {{ plot_div|safe }}
{% endblock %}